<template>
  <div class="search-list mt-20px">
    <div class="left">
      <div class="item">
        <span class="label">场地名称</span>
        <el-input v-model="searchParams.keyword" placeholder="请输入场地名称" :suffix-icon="Search" />
      </div>
      <div class="item">
        <div class="labe">启用状态</div>
        <el-checkbox-group v-model="searchParams.status">
          <el-checkbox label="1">启用</el-checkbox>
          <el-checkbox label="2">禁用</el-checkbox>
        </el-checkbox-group>
      </div>
    </div>
  </div>
  <div class="pt-10px pb-20px">
    <el-button type="primary">添加场地</el-button>
  </div>
  <div class="table-wrap">
    <el-table :data="tableData">
      <el-table-column label="场地名称" prop="xxx" />
      <el-table-column label="场地规则" prop="xxx" />
      <el-table-column label="预订价格" prop="xxx" />
      <el-table-column label="排序" prop="xxx" />
      <el-table-column label="状态" prop="xxx" />
      <el-table-column label="状态" prop="xxx" />
      <el-table-column label="管理">
        <template #default="scope">
          <RouterLink :to="{ path: '/ground/groudProjectHome' }">
            <el-link class="text-14px!" type="primary">管理</el-link>
          </RouterLink>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script lang="ts" setup>
import { Search } from '@element-plus/icons-vue'
defineOptions({ name: 'GroundList' })

const searchParams = reactive({
  keyword: '',
  status: ['1'],
})

const tableData = ref([{}])
</script>

<style scoped lang="scss"></style>
